<template>
  <!-- <div class="flex items-center justify-center fixed top-20 bottom-0 left-0 right-0 md:px-0 px-4">
    <div class="text-content text-center">
      <h1 class="title">{{ i18nStore.translate('trash_empty') }}</h1>
    </div>
  </div> -->
  <FileList mode="papelera"></FileList>
</template>

<script setup>
import { useI18nStore, useFileStore, useFlagStore } from '@/stores';

const fileStore = useFileStore();
const i18nStore = useI18nStore();
const flagStore = useFlagStore();

watchEffect(() => {
  if (fileStore.curFolderId === 0) {
    fileStore.setCurFolderInfo({
      folder_id: 0,
      name: i18nStore.translate('garbage')
    });
  }
});

async function getList() {
  flagStore.setFileListLoading(true);
  await fileStore.getdelFileList(0, 'trash');
  flagStore.setFileListLoading(false);
}
onMounted(() => {
  getList();
});
</script>

<style scoped lang="scss">
@import './index.scss';
</style>
